<!--
    分页的理解：
        1.是先将总页数求出来，进行以7为边界进行划分，小于7没有省略号，直接遍历，大于7出现省略号
        2.大于7时，一般是以(7-1)/2划分当前页(page)的范围
        3.在page<=3时，数组里面是pageList.push(1, 2, 3, 4, '...', totalPage)
        4.在page>3&&page<totalPage-2,数组里面是pageList.push(1, '...', totalPage - 3, totalPage - 2, totalPage - 1, totalPage)
        5.在page>=totalPage-2时，数组里面是pageList.push(1, '...', totalPage - 3, totalPage - 2, totalPage - 1, totalPage)

-->
<!--显示分页数-->
<nav class="text-center">
    <ul class="pagination">
        <!--上一页-->
        <% if(FirstPage){ %>
        <li class="disabled">
            <a>
                <span>上一页</span>
            </a>
        </li>
        <% }else{ %>
        <li>
            <a href="?p=<%= page - 1 %>">
                <span>上一页</span>
            </a>
        </li>
        <% } %>
        <!--显示中间的页数-->
        <%
            var totalPage = Math.ceil(total / 10);
            var pageList = [];
        %>
        <!--总页数小于7页-->
        <% if(totalPage < 7){ %>
            <% for(var i = 1;i <= totalPage;i++){ %>
                <li><a href="?p=<%= i %>"><%= i %></a></li>
            <% } %>
        <% }else{ %>
            <% if(page <= 3){ %>
            <% pageList.push(1, 2, 3, 4, '...', totalPage) %>
            <% pageList.forEach(function (item, index) { %>
                <% if(item == '...'){ %>
                    <li><a><%= item %></a></li>
                <% }else{ %>
                    <li><a href="?p=<%= item %>"><%= item %></a></li>
                <% } %>
            <% }) %>
        <% }else if(page > 3 && page < totalPage - 2){ %>
            <% pageList.push(1, '...', page - 1, page, page + 1, '...', totalPage) %>
            <% pageList.forEach(function (item, index) { %>
                <% if(item == '...'){ %>
                    <li><a><%= item %></a></li>
                <% }else{ %>
                    <li><a href="?p=<%= item %>"><%= item %></a></li>
                <% } %>
            <% }) %>
        <% }else if(page >= totalPage - 2){ %>
            <% pageList.push(1, '...', totalPage - 3, totalPage - 2, totalPage - 1, totalPage) %>
            <% pageList.forEach(function (item, index) { %>
                <% if(item == '...'){ %>
                    <li><a><%= item %></a></li>
                <% }else{ %>
                    <li><a href="?p=<%= item %>"><%= item %></a></li>
                <% } %>
            <% }) %>
        <% } %>
        <% } %>

        <!--下一页-->
        <% if(LastPage){ %>
        <li class="disabled">
            <a>
                <span>下一页</span>
            </a>
        </li>
        <% }else{ %>
        <li>
            <a href="?p=<%= page + 1 %>">
                <span>下一页</span>
            </a>
        </li>
        <% } %>

    </ul>
</nav>
